.container {
  padding: 20rpx;
}

.swiper {
  height: 286rpx;
  width: 100%;
  margin-bottom: 30rpx;
}

.swiper image {
  height: 100%;
  width: 100%;
}



.YHZL {
  display: flex;
  align-items: center;
  margin-top: 50rpx;

  &:before {
    content: '';
    display: block;
    width: 8rpx;
    height: 16rpx;
    background: #0091FF;
    margin-right: 12rpx;
    border-radius: 10rpx;
  }
}

.YHZL_list {
  display: flex;

  .one,
  .two {
    margin-left: 20rpx;
    margin-top: 50rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #333333;

    image {
      width: 100rpx;
      height: 100rpx;
    }

    text {
      margin-top: 8rpx;
    }
  }

  .two {
    margin-left: 80rpx;
  }
}

.JCGN {
  display: flex;
  justify-content: space-between;

  .one,
  .two {
    margin-top: 18rpx;
    width: 324rpx;
    height: 116rpx;
  }

  .box_one,
  .box-two {
    position: relative;
    width: 324rpx;
    height: 116rpx;
    color: #fff;

    .one1 {
      position: absolute;
      top: 60rpx;
      left: 70rpx;
    }

    .two1 {
      position: absolute;
      top: 60rpx;
      left: 70rpx;
    }
  }

}